/* CSS Document */

@import url("../css/typography.css");

html {

}


body {
background:#fdffd5 url(../images/bg_header.png) repeat-x;
font-family: "Oswald", Arial, Helvetica, sans-serif;
color:#696969;
font-size:1.05em;
font-weight: lighter;
}

#en .bg {
width:720px; height:500px;
position:absolute;
z-index:-10;
top:46px;
background:url(../images/bg_en.jpg) no-repeat top left;
}

#th .bg {
width:720px; height:500px;
position:absolute;
z-index:-10;
top:46px;
background:url(../images/bg_th.jpg) no-repeat top left;
}

.header {
height:64px;
text-align:center;
}

header .desktop {
width:611px;
margin:0 auto;
text-align:center;
}

.header h1 {
margin:0 auto;
float:left;
width:180px;
background:url(../images/branding.png) no-repeat center;
text-indent:-1000em;
}

.header h2 {
margin:0 auto;
float:left;
width:431px;
background:url(../images/tagline.png) no-repeat center;
text-indent:-1000em;
}

.header .th h2 {
margin:0 auto;
float:left;
width:431px;
background:url(../images/tagline_th.png) no-repeat center;
text-indent:-1000em;
}

.header .h1 {
margin:0 auto;
width:180px; height:46px;
background:url(../images/branding.png) no-repeat center;
}

.content {
}

.content h1 {
font-size:1.6em;
margin:0 auto;
color:#272727;
font-weight:normal;
}

.sub h1 {
font-size:1.3em;
}

.button {
width:100%; height:175px;
margin:0 auto;
text-align:center;
}

footer {
background:#ffcb0c;
width:100%; height:95px;
text-align:center;
position:absolute;
}

footer img {
padding:13px;
}

.center {
margin:0 auto;
text-align:center;
}



.btnx {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
text-indent:-1000em;

}

.btnx:hover,
.btnx:focus,
.btnx:active,
.btnx.active,
.btnx.disabled,
.btnx[disabled] {
}



.btn-ctaTH {
  width:435px; height:177px;
  background:url(../images/button_th.png) no-repeat;
}

.btn-ctaTH:hover {
  width:435px; height:177px;
  background:url(../images/button_th.png) 0 -177px no-repeat;
}

.btn-ctaEN {
  width:435px; height:177px;
  background:url(../images/button_en.png) no-repeat;
}

.btn-ctaEN:hover {
  width:435px; height:177px;
  background:url(../images/button_en.png) 0 -177px no-repeat;
}

.cursor-pointer {
cursor:pointer
}